body{
    position : relative;
    min-width : 1200px;
    height : 550px;
    background-color: #C3CED9;
    background-position: center;

}
#header{
    position : relative;
    margin : 0;
    height : 120px;
}
    #contentheader{
        position : relative;
        float : left;
        margin-left: 100px;
    }
        #logo{
            position : relative;
            float : left;
			
        }
        #slogan{
            position : relative;
            float : left;
            margin-left : 10px;
            height : 50px;
            padding-top: 15px;

            text-align: left;
            font-weight: 300;
            font-size: 30px;
            font-family: "Calibri";
            color: #ffffff;
			width : 1000px;
        }
		
		#welcome{
            position : relative;
            float : left;
            height : 50px;
			margin-left : 10px;
            text-align: left;
            font-weight: 300;
            font-size: 30px;
            font-family: "Calibri";
            color: #fd318c;
			width : 800px;
        }
		#logout{
            position : relative;
            float : left;
            height : 50px;
			margin-left : 10px;
            text-align: left;
            font-weight: 300;
            font-size: 15px;
            font-family: "Calibri";
            color: #7a8088;
			width : 200px;
			text-align : center;
			padding-left : 20px;
        }
#main{
    position : relative;
    min-width : 1200px;
    height : 500px;
}
	#uponelevel{
		position : relative;
		float : left;
		width : 50px;
		margin-left : 2px;
		margin-top:5px;
		margin-bottom:10px;
		text-align: center;
	}
	#foldername{
		position : relative;
		float : left;
		width : 450px;
		margin-left : 5px;
		margin-top:5px;
		margin-bottom:10px;
		text-align: center;
	}
	#filename{
		position : relative;
		float : left;
		width : 400px;
		margin-left : 5px;
		margin-top:5px;
		margin-bottom:10px;
		text-align: center;
	}
	#filesize{
		position : relative;
		float : left;
		width : 200px;
		margin-left : 5px;
		margin-top:10px;
		margin-bottom:10px;
		text-align: center;
	}
	#filelastmodified{
		position : relative;
		float : left;
		width : 200px;
		margin-left : 5px;
		margin-top:10px;
		margin-bottom:10px;
		text-align: center;
	}
	#filedownload{
		position : relative;
		float : left;
		width : 200px;
		margin-left : 5px;
		margin-top:10px;
		margin-bottom:10px;
		text-align: center;
	}
	#explorerbox{
		position :relative;
		background-color: #ffffff;
		margin-left : 100px;
		margin-right : 100px;
	}
	.titlerecord{
		font-family:arial;
		color:black;
		font-size:20px;
	}
	.recordfile{
		position : relative;
		float : left;
		height : 40px;
	}
	.logofile{
		position : relative;
		float : left;
		width : 40px;
		margin-left : 3px;
		margin-right : 3px;
	}
	.name{
		position : relative;
		float : left;
		
		margin-left : 5px;
		margin-top:5px;
		margin-bottom:10px;
		width : 400px;
	}
		.fontname{				
			font-family:arial;
			color:blue;
			font-size:20px;
		}
	.size{
		position : relative;
		float : left;
		width : 200px;
		margin-left : 5px;
		margin-top:10px;
		margin-bottom:10px;
		text-align: center;
	}	
		.fontsize{
			font-family:arial;
			color:blue;
			font-size:12px;
		}
	.lastmodified{
		position : relative;
		float : left;
		width : 200px;
		margin-left : 5px;
		margin-top:10px;
		margin-bottom:10px;
		text-align: center;
	}
		.lastmodifiedsize{
			font-family:arial;
			color:blue;
			font-size:12px;
		}
	.download{
		position : relative;
		float : left;
		width : 200px;
		margin-left : 5px;
	}
		.logodownload{
			position : relative;
			float : left;
			width : 40px;
			margin-left : 80px;
			margin-right : 50px;
		}	